import { createRouter, createWebHistory } from 'vue-router'
import Match100 from '../views/Match100View.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/text-sort',
      name: 'text-sort',
      component: () => import('../views/TextSortView.vue'),
    },
    {
      path: '/multi-exercise',
      name: 'multi-exercice',
      component: () => import('../views/MutiExericeView.vue'),
    },
    {
      path: '/',
      redirect: '/match100',
    },
    {
      path: '/match100',
      name: 'match100',
      component: Match100,
    },
    {
      path: '/proverb',
      name: 'proverb',
      component: () => import('../views/ProverbView.vue'),
    },
    {
      path: '/long-proverb',
      name: 'long-proverb',
      component: () => import('../views/LongProverbView.vue'),
    },
    {
      path: '/metaphor',
      name: 'metaphor',
      component: () => import('../views/MetaphorView.vue'),
    },
    {
      path: '/about',
      name: 'about',
      component: () => import('../views/AboutView.vue'),
    },
  ],
})

export default router
